// page/productdetail/productdetail.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        hideModel:true,
        animationData:{},
        detail:{}

    },

    //显示遮罩层
    spec:function(){
        var that=this;
        that.setData({
            hideModelfa:false
        })
        var animation=wx.createAnimation({
          duration:600,//动画持续时间
          timingFunction:'ease'//动画效果
        })
        this.animation=animation
        setTimeout(function(){
            that.fadeIn()
        },200)
    },

    //隐藏遮罩层
    hideModel:function(){
        var that=this;
        var animation=wx.createAnimation({
          duration:800,//动画持续时间
          timingFunction:'ease'//动画效果
        })
        this.animation=animation
        that.fadeDown();
        setTimeout(function(){
            that.setData({
                hideModel:true
            })
        },720)
    },

    //动画集
    fadeIn:function(){
        this.animation.translateY(0).step()
        this.setData({
            animationData:this.animation.export()
        })
    },

    fadeDown:function(){
        this.animation.translateY(300).step
        this.setData({
            animationData:this.animation.export()
        })
    },

    return:function(){
        wx.navigateBack({
            data:1
        })
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        wx.get('/product',{productId:options.productId}).then(res=>{
            this.setData({
                detail:res
            })
        })
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})